<template>
  <div class="container">
      <div class="common clearfix">
          <div class="common-left fl"><img class="bgimg" src="../../assets/img/bgimg.png" alt=""></div>
          <div class="common-right fr">
              <slot name="content"></slot>
          </div>
      </div>
  </div>
</template>
<script>
export default {
  
}
</script>
<style lang="scss">
.container{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height:100%;
    //   background-image: -moz-linear-gradient( 135deg, rgb(255,209,176) 0%, rgb(255,232,210) 100%);
  background-image: linear-gradient( 135deg, rgb(255,209,176) 0%, rgb(255,232,210) 100%);
//   background-image: -ms-linear-gradient( 135deg, rgb(255,209,176) 0%, rgb(255,232,210) 100%);
    .common{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #fff;
        width: 764px;
        height: 476px;
        border-radius: 10px;
        &-left{
            width: 307px;
            height: 100%;
            .bgimg{
                width: 100%;
                height:100%;
            }
        }
        &-right{
            width: 457px;
            height:100%;
        }
    }
}
</style>
